<template>
    <div>
        <mt-swipe :auto="4000">
          <!-- 在组件中，使用v-for循环的话，一定要使用 key -->
          <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
            <img :src="item.img" :class="{'full':isfull}" alt>
          </mt-swipe-item>
        </mt-swipe>
    </div>
</template>
<script>
export default {
    name: "",
    data(){
        return {

        }
    },
    props: ['lunbotuList','isfull']
}
</script>
<style lang="scss" scoped>
.mint-swipe {
  height: 200px;

  .mint-swipe-item {
    &:nth-child(1) {
      background-color: red;
    }
    &:nth-child(2) {
      background-color: blue;
    }
    &:nth-child(3) {
      background-color: cyan;
    }

    img {
      width: 100%;
      height: 100%;
    }
  }
}
.full {
    width: 100%;
}
</style>
